<style type="text/css">
    /*#resourceModal {*/
        /*left:39%*/
    /*}*/
</style>
<h3 class="page-title">车辆异动</h3>
<div class="tabbable-custom">
    <div class="portlet">
        <div class="portlet-title">
            <a href="javascript:void(0);" class="title-operation search-collapse">筛选</a>

        </div>
        <div class="portlet-search-body">
            <form class="form-inline" role="form">
                <div class="row">
                    <div class="form-group">
                        <div class="col-md-4">
                            <div class="input-icon">
                                <i class="fa fa-calendar"></i>
                                <input class="form-control" ed-date-picker placeholder="开始时间"  ng-model="query.startDate"/>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-md-4">
                            <div class="input-icon">
                                <i class="fa fa-calendar"></i>
                                <input class="form-control" ed-date-picker placeholder="结束时间"  ng-model="query.endDate"/>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-md-4">
                            <div class="input-icon">
                                <i class="fa fa-bus"></i>
                                <input class="form-control" placeholder="车牌号" ng-model="query.plateNo"/>
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-md-4">
                            <div class="input-icon">
                                <i class="fa fa-bus"></i>
                                <input class="form-control" placeholder="自编号" ng-model="query.vehicleNo"/>
                            </div>
                        </div>
                    </div>
                    <button class="btn btn-primary" ng-click="queryData()"><i class="fa fa-search"></i> 搜索</button>
                    <button class="btn btn-primary" ng-click="reset()">
                        <i class="fa fa-rotate-left"></i> 重置
                    </button>

                </div>
            </form>
        </div>
        <h5 class="page-title" style="font-size: 18px">公司内车辆异动</h5>
        <div class="portlet-body" style="width: 100%">
            <table class="table table-striped table-bordered table-hover dataTable"
                    style="width: 100%">
                <thead>
                    <tr>
                        <th style="text-align: center;" style="width:150px;">车牌号</th>
                        <th style="text-align: center;" style="width:100px;">自编号</th>
                        <th style="text-align: center;" style="width:150px;">调出分公司</th>
                        <th style="text-align: center;" style="width:100px;">调出线路</th>
                        <th style="text-align: center;" style="width:80px;">调入分公司</th>
                        <th style="text-align: center;" style="width:100px;">调入线路</th>
                        <th style="text-align: center;" style="width:100px;">异动日期</th>
                        <th style="text-align: center;" style="width:80px;">异动原因</th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-show="showDataList_inner == undefined || showDataList_inner.length == 0">
                        <td colspan="8" style="text-align: center">无数据</td>
                    </tr>
                    <tr ng-repeat="data in showDataList_inner">
                        <td style="text-align: center;">{{data.plateNo}}</td>
                        <td style="text-align: center;">{{data.vehicleNo}}</td>
                        <td style="text-align: center;">{{data.companyOut}}</td>
                        <td style="text-align: center;">{{data.lineOut}}</td>
                        <td style="text-align: center;">{{data.companyIn}}</td>
                        <td style="text-align: center;">{{data.lineIn}}</td>
                        <td style="text-align: center;">{{data.vehTransferTime | limitTo : '10'}}</td>
                        <td style="text-align: center;">{{data.reason}}</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div id="page_bar_1" style="position: relative; margin-top: 5px; margin-bottom: 25px;">
        </div>
        <div ng-show="total_inner > 0" style="font-family:bold">
            总数：<span>{{total_inner}}</span>
        </div>

        <h5 class="page-title" style="font-size: 18px">公司间车辆异动</h5>
        <div class="portlet-body" style="width: 100%">
            <table class="table table-striped table-bordered table-hover dataTable"
                   style="width: 100%">
                <thead>
                <tr>
                    <th style="text-align: center;" style="width:150px;">车辆自编号</th>
                    <th style="text-align: center;" style="width:100px;">车辆牌照号</th>
                    <th style="text-align: center;" style="width:80px;">调出单位</th>
                    <th style="text-align: center;" style="width:100px;">调入单位</th>
                    <th style="text-align: center;" style="width:300px;">异动完成日期</th>
                    <th style="text-align: center;" style="width:80px;">异动原因</th>
                    <!--<th style="text-align: center">操作</th>-->
                </tr>
                </thead>
                <tbody>
                <tr ng-show="showDataList_company == undefined || showDataList_company.length == 0">
                    <td colspan="6" style="text-align: center">无数据</td>
                </tr>
                <tr ng-repeat="data in showDataList_company">
                    <td style="text-align: center;">{{data.vehicleNo}}</td>
                    <td style="text-align: center;">{{data.plateNo}}</td>
                    <td style="text-align: center;">{{data.companyOut}}</td>
                    <td style="text-align: center;">{{data.companyIn}}</td>
                    <!--<td style="text-align: center;" ng-click="clickData(data)"><a href="javascript:void(0)">{{data.plateNo}}</a></td>-->
                    <td style="text-align: center;">{{data.vehTransferTime | limitTo : '10'}}</td>
                    <td style="text-align: center;">{{data.reason}}</td>
                    <!--<td style="text-align: center;">-->
                    <!--<button class="btn btn-xs btn btn-edit" ng-click="showTransDetail(data)"><i class="fa fa-edit"></i> 详情</button>-->
                    <!--</td>-->
                </tr>
                </tbody>
            </table>
        </div>
        <div id="page_bar_2" style="position: relative; margin-top: 5px; margin-bottom: 25px;">
        </div>
        <div ng-show="total_company > 0" style="font-family:bold">
            总数：<span>{{total_company}}</span>
        </div>
        <h5 class="page-title" style="font-size: 18px">车辆使用性质异动</h5>
        <div class="portlet-body" style="width: 100%">
            <table class="table table-striped table-bordered table-hover dataTable"
                   style="width: 100%">
                <thead>
                <tr>
                    <th style="text-align: center;" style="width:150px;">车辆自编号</th>
                    <th style="text-align: center;" style="width:100px;">车辆牌照号</th>
                    <th style="text-align: center;" style="width:80px;">调出部门</th>
                    <th style="text-align: center;" style="width:100px;">调入部门</th>
                    <th style="text-align: center;" style="width:100px;">异动前性质</th>
                    <th style="text-align: center;" style="width:100px;">异动后性质</th>
                    <th style="text-align: center;" style="width:100px;">异动前车辆分类</th>
                    <th style="text-align: center;" style="width:100px;">异动后车辆分类</th>
                    <th style="text-align: center;" style="width:100px;">异动日期</th>
                    <th style="text-align: center;" style="width:80px;">异动原因</th>
                    <!--<th style="text-align: center">操作</th>-->
                </tr>
                </thead>
                <tbody>
                <tr ng-show="showDataList_using == undefined || showDataList_using.length == 0">
                    <td colspan="10" style="text-align: center">无数据</td>
                </tr>
                <tr ng-repeat="data in showDataList_using">
                    <td style="text-align: center;">{{data.vehicleNo}}</td>
                    <td style="text-align: center;">{{data.plateNo}}</td>
                    <td style="text-align: center;">{{data.companyOut}}</td>
                    <td style="text-align: center;">{{data.companyIn}}</td>

                    <td style="text-align: center;">{{data.beforeBusKind}}</td>
                    <td style="text-align: center;">{{data.afterBusKind}}</td>
                    <td style="text-align: center;">{{data.beforeBusSort}}</td>
                    <td style="text-align: center;">{{data.afterBusSort}}</td>

                    <!--<td style="text-align: center;" ng-click="clickData(data)"><a href="javascript:void(0)">{{data.plateNo}}</a></td>-->
                    <td style="text-align: center;">{{data.vehTransferTime | limitTo : '10'}}</td>
                    <td style="text-align: center;">{{data.reason}}</td>
                    <!--<td style="text-align: center;">-->
                    <!--<button class="btn btn-xs btn btn-edit" ng-click="showTransDetail(data)"><i class="fa fa-edit"></i> 详情</button>-->
                    <!--</td>-->
                </tr>
                </tbody>
            </table>
        </div>
        <div id="page_bar_3" style="position: relative; margin-top: 5px; margin-bottom: 25px;">
        </div>
        <div ng-show="total_using > 0" style="font-family:bold">
            总数：<span>{{total_using}}</span>
        </div>



    </div>
</div>



